<div id="create-connection-dialog">
    <fieldset>
       <legend>Create Connection</legend>
       <form action="saveConnection" method="post">
            <table cellspacing="1" cellpadding="0" class="two-columns-table">
                <tbody>
                    <tr>
                        <td class="label-cell">Available outputs: </td>
                        <td class="content-cell">
                            <select name="from" class="cool-select">
                                <g:each in="${outputs.keySet()}" var="output">
                                    
                                    <option  value="${outputs.get(output)}">
                                       ${output}
                                    </option>
                                 
                               </g:each>
                           </select>
                        </td>
                    </tr>
                    <tr>
                        <td class="label-cell">Available inputs: </td>
                        <td class="content-cell">
                            <select name="to" class="cool-select">
                               <g:each in="${inputs}" var="input">
                                   <option  value="${input}">
                                       ${input}
                                   </option>
                               </g:each>
                           </select>
                        </td>
                    </tr>
                </tbody>
            </table>
           <button type="submit">Create connection</button>
       </form>
   </fieldset>
</div>